<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>

  <link rel="stylesheet" href="/stylesheets/jquery.autocomplete.css" type="text/css" />

  <script type="text/javascript" src="/javascripts/jquery.autocomplete.js"></script>

  <script type="text/javascript">

function stopRKey(evt) {
       var evt = (evt) ? evt : ((event) ? event : null);
       var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
       if ((evt.keyCode == 13) && (node.type=="text"))  {return false;}
   }

   document.onkeypress = stopRKey;

function validate(){


      if (document.getElementById("search").value.length == 0)
        {
          alert('<%=  t('template.alert')%>');
           return 0;
        }
    document.search_form.submit();
        
    }
  </script>
  <script>
jQuery.noConflict(); //Necesario porque si no jQuery tiene conflictos con Prototype.js (usado por add_fields y remove_fields)
  jQuery(document).ready(function(){
    var data = <%= categories_all.to_json %>;
    jQuery("#search").autocomplete(data,{"mustMatch": true});
  });

</script>
  <script type="text/javascript" src="/javascripts/prototype.js"></script>
  <script type="text/javascript" src="/javascripts/application.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Gamble's UCAB</title>
<%= stylesheet_link_tag "scaffold" %>
<%= javascript_include_tag :defaults  %>
</head>

<body>
<style>
#pcm{display:none;}

ul.pureCssMenu ul{display:none}

ul.pureCssMenu li:hover>ul{display:block}

ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}

ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}

ul.pureCssMenu,ul.pureCssMenu ul {

	margin:0px;

	list-style:none;

	padding:0px 2px 2px 0px;

	background-color:#fff;

	background-repeat:repeat;

	border-color:#808080;

	border-width:1px;

	border-style:solid;

}

ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {

	display:block;

	height:21px;

	float: left;

}

ul.pureCssMenu ul{

	width:58.800000000000004px;

}

ul.pureCssMenu li{

	display:block;

	margin:2px 0px 0px 2px;

	font-size:0px;

}

ul.pureCssMenu a:active, ul.pureCssMenu a:focus {

outline-style:none;

}

ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {

	display:block;

	vertical-align:middle;

	background-color:#FFFFFF;

	border-width:1px;

	border-color:#fff;

	border-style:solid;

	text-align:center;

	text-decoration:none;

	padding:2px 5px 5px 10px;

	_padding-left:0;

	font:normal 11px Tahoma;

	color: #000;

	text-decoration:none;

	cursor:default;

}

ul.pureCssMenu span{

	overflow:hidden;

}

ul.pureCssMenu li {
	width:58px; float:left;
	float:left;

}

ul.pureCssMenu ul li {

	float:none;

}

ul.pureCssMenu ul a {

	text-align:left;

	white-space:nowrap;

}

ul.pureCssMenu li.sep{

	text-align:left;

	padding:0px;

	line-height:0;

	height:100%;

}

ul.pureCssMenu li.sep span{

	float:none;	padding-right:0;

	width:3px;

	height:100%;

	display:inline-block;

	background-color:#808080;	background-image:none;}

ul.pureCssMenu ul li.sep span{

	width:100%;

	height:3px;

}

ul.pureCssMenu li:hover{

	position:relative;

}

ul.pureCssMenu li:hover>a{

	background-color:#DBF0F9;

	border-color:#45ADE4;

	border-style:solid;

	font:normal 11px Tahoma;

	color: #444;

	text-decoration:none;

	font-weight:bold;
}

ul.pureCssMenu li a:hover{

	position:relative;

	background-color:#DBF0F9;

	border-color:#45ADE4;

	border-style:solid;

	font:normal 11px Tahoma;

	color: #444;

	text-decoration:none;

	font-weight:bold;

}

ul.pureCssMenu li.dis a {

	color: #557D4F !important;

}

ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;

height:6px;

}

ul.pureCssMenu ul img {width:16px;

height:16px;

}

ul.pureCssMenu img.over{display:none}

ul.pureCssMenu li.dis a:hover img.over{display:none !important}

ul.pureCssMenu li.dis a:hover img.def {display:inline !important}

ul.pureCssMenu li:hover > a img.def  {display:none}

ul.pureCssMenu li:hover > a img.over {display:inline}

ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline}

ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}

ul.pureCssMenu a:hover ul{display:block}

ul.pureCssMenu span{

  display:block;

  background-position:right center;

  background-repeat: no-repeat;

  padding-right:9px;}



ul.pureCssMenu li.pureCssMenui0 {

width:80px;

height:33px;
width:81px; float:left;
background:url(../images/navigation-divider.gif) 100% 0 no-repeat;

}

ul.pureCssMenu li a.pureCssMenui0{

height:78%;
border-width:0px;
text-align:center;
font-weight:bold;
color:#FAF0C2;
font-size:11px;
background-color:inherit;

}

ul.pureCssMenu li a.selectMenu{

height:78%;
border-width:0px;
text-align:center;
font-weight:bold;
color:#FAF0C2;
font-size:11px;
background:url(../images/btn4.gif) 0 0 no-repeat;
background-color:inherit;

}

ul.pureCssMenu li a.pureCssMenui0:hover{

background-image:url(../images/btn4.gif);
text-align:center;
font-weight:bold;
color:#FAF0C2;
font-size:11px;
}

 ul.pureCssMenum0 {

background-color:transparent;

border-width:0px;

	padding:0px 0px 0px 0px;

}

 ul.pureCssMenum0>li>a {

padding:8px 10px 0px 10px;

}

 ul.pureCssMenum0 a {

padding:8px 10px 0px 10px;

}

 ul.pureCssMenum0 ul a {

padding:2px 5px 5px 10px;

}

 ul.pureCssMenum0>li {

margin:0px 0px 0px 0px;

}

 ul.pureCssMenum0 li {

margin:0px 0px 0px 0px;

}

 ul.pureCssMenum0 li li {

margin:2px 0px 0px 2px;

}

</style>
<!--Header Background Part Starts -->
     
<div id="header-bg">
	<!--Header Contant Part Starts -->
	<div id="header">
		<a  href="index.html"><img src="/images/logo1.png" alt="Gamble's UCAB" width="400" height="120" border="0" class="logo" title="Gamble's UCAB" /></a>
		<!--Login Background Starts -->
		<%#*<div id="login-bg">%>
			<!--Login Area Starts -->
			<%#*<div id="login-area">%>
				<%#*<form action="" method="post" name="Login" id="Login">%>

                        <table width="200" border="0" align="center" cellpadding="14" cellspacing="14">
  <tr>
    <td><img src="/images/motogp.gif" width="51" height="50" /></td>
    <td><img src="/images/realmadrid.gif" width="51" height="50" /></td>
    <td><img src="/images/bayern.gif" width="51" height="50" /></td>
    <td><img src="/images/eCOGRA.gif" width="51" height="50" /></td>
    <td><img src="/images/egba.gif" width="51" height="50" /></td>
   
    
  </tr>
</table>

				<%#*</form>%>
			<%#*</div>%>
			<!--Login Area Ends -->
		<%#*</div>%>
		<!--Login Background Ends -->
		<br class="spacer" />
	</div>
	<!--Header Contant Part Ends -->
</div>
<!--Header Background Part Ends -->
<!--Navigation Background Part Starts -->
<div id="navigation-bg">
	<!--Navigation Part Starts -->
	<div id="navigation">
          <ul class="pureCssMenu pureCssMenum0">
            <li class="pureCssMenui0"><a class="pureCssMenui0" href="#"><%= t ('template.menu0') %></a></li>
            <li class="pureCssMenui0"><a class="pureCssMenui0" href="/clients"><%= t ('template.menu1') %></a></li>
            <li class="pureCssMenui0"><a class="pureCssMenui0" href="/gambles"><%= t ('template.menu2') %></a></li>
            <li class="pureCssMenui0"><a class="pureCssMenui0" href="#"><%= t ('template.menu3') %></a></li>
            <li class="pureCssMenui0"><a class="pureCssMenui0" href="#"><%= t ('template.menu4') %></a></li>
            <li class="pureCssMenui0"><a class="pureCssMenui0" href="/competitors"><%= t ('template.menu5') %></a></li>
            <li class="pureCssMenui0"><a class="pureCssMenui0" href="#"><%= t ('template.menu6') %></a></li>
          </ul>

		
		<br class="spacer" />
		<%#*<ul class="subNav">%>
			<%#*<li class="noBg"><a href="#" title="Our Benefits">Scores</a></li>%>
			<%#*<li><a href="#" title="What Our Future Plans">Schedules</a></li>%>
		<%#*</ul>%>
		<br class="spacer" />
	</div>
	<!--Navigation Part Ends -->
</div>
<!--Navigation Background Part Ends -->
<!--Our Company Bacground Part Starts -->
<%= yield -%>
<!--Footer Part Starts -->
<div id="footer-bg">
	<!--Footer Menu Part Starts -->
	<div id="footer-menu">
		<p class="copyright">Copyright &copy; DesarrolloSAF 2011 <%= t('information.rights') %></p>
                <br class="spacer" />
	</div>
	<!--Footer Menu Part Ends -->
</div>
<!--Footer Part Ends -->
</body>
</html>
